/*css reset*/
body, p, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, td, th, form, input, select, textarea, img {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

img {
  border: none;
  vertical-align: middle;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

textarea {
  resize: vertical;
  overflow: auto;
}

body, h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: Avenir, Helvetica, Arial, sans-serif;
}

input, select, textarea {
  font-size: inherit;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  color: inherit;
  outline: none;
}

input[type="button"] {
  appearance: none;
}

i {
  font-style: normal;
}

body {
  background: #E6E6E6;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  font-size: 12px;
}


.main{
position: relative;
  min-height: 100%;
  overflow: hidden;
  .content-main{
    padding: 0.05rem 0.1rem 1.4rem .1rem;
    font-size: .24rem;
    .head{
      border-radius: 6px 6px 0 0;
      -webkit-border-radius: 6px 6px 0 0;
      .head-img{
        border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        img{
          width:100%;
          border-radius: 6px 6px 0 0;
          -webkit-border-radius: 6px 6px 0 0;
        }
      }
      .head-conter{
        overflow: hidden;
        box-shadow: 0 0 20px #D9D9D9;
        padding-bottom: .1rem;
        .left{
          float:left;
          text-align: left;
          padding: 0 .2rem;
          span{
            color: #14597A;
            font-size: .38rem;
            line-height: 1rem;
          }
          i{
            text-decoration:line-through;
            color: #666666;
            margin-left: .05rem;
          }
        }
        .right{
          float:right;
          text-align: right;
          padding: .14rem .2rem .14rem 0;
          span{
            display: block;
            font-size: .32rem;
          }
          i{
            display: block;
            color: #D9D9D9;
          }
        }
      }
    }
    .content{
      padding: .4rem .2rem;
      p{
        color: #666666;
        line-height: .35rem;
        margin-top: .2rem;
      }
    }
    .foot{
      position: absolute;
      bottom:.4rem;
      width: 100%;
      text-align: center;
      a{
        display: inline-block;
        width: 90%;
        line-height: .8rem;
        border-radius: 1rem;
        background: -webkit-linear-gradient(left,#14597A, #5BA9CF);
        background: -o-linear-gradient(left,#14597A, #5BA9CF);
        background: -moz-linear-gradient(left,#14597A, #5BA9CF);
        background: -mos-linear-gradient(left,#14597A, #5BA9CF);
        background: linear-gradient(left,#14597A, #5BA9CF);
        font-size: .3rem;
        color: #ffffff;
      }
    }
  }
}